<ion-header>
    <ion-navbar>
        <ion-title>
            实例-表单
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content padding>
    <ion-searchbar></ion-searchbar>

    <ion-item>
        <ion-label>游戏</ion-label>
        <ion-select [(ngModel)]="gaming">
            <ion-option value="nes">NES</ion-option>
            <ion-option value="n64">Nintendo64</ion-option>
            <ion-option value="ps">PlayStation</ion-option>
            <ion-option value="genesis">Sega Genesis</ion-option>
            <ion-option value="saturn">Sega Saturn</ion-option>
            <ion-option value="snes">SNES</ion-option>
        </ion-select>
    </ion-item>

    <ion-list>
        <ion-item>
            <ion-label fixed>用户名</ion-label>
            <ion-input type="text" value=""></ion-input>
        </ion-item>
        <ion-item>
            <ion-label fixed>密码</ion-label>
            <ion-input type="password"></ion-input>
        </ion-item>
    </ion-list>

    <ion-item>
        <ion-label> checked</ion-label>
        <ion-toggle checked="true"></ion-toggle>
    </ion-item>
    <ion-item>
        <ion-label> Unchecked</ion-label>
        <ion-toggle checked="false"></ion-toggle>
    </ion-item>

    <ion-list>
        <ion-item>
            <ion-label>Red</ion-label>
            <ion-checkbox color="blue" checked="true"></ion-checkbox>
        </ion-item>

        <ion-item>
            <ion-label>Yellow</ion-label>
            <ion-checkbox color="dark" checked="true"></ion-checkbox>
        </ion-item>

        <ion-item>
            <ion-label>Green</ion-label>
            <ion-checkbox disabled="true"></ion-checkbox>
        </ion-item>
    </ion-list>
    <ion-list radio-group>
        <ion-list-header>
            编程语言
        </ion-list-header>
        <ion-item>
            <ion-label>.NET</ion-label>
            <ion-radio checked="true" value="go"></ion-radio>
        </ion-item>
        <ion-item>
            <ion-label>Java</ion-label>
            <ion-radio value="rust"></ion-radio>
        </ion-item>
        <ion-item>
            <ion-label>Python</ion-label>
            <ion-radio value="python" disabled="true"></ion-radio>
        </ion-item>
    </ion-list>


    <ion-item>
        <ion-range [(ngModel)]="brightness">
            <ion-icon range-left small name="sunny"></ion-icon>
            <ion-icon range-right name="sunny"></ion-icon>
        </ion-range>
    </ion-item>

    <ion-item>
        <ion-range min="-100" step="10" snaps="true" [(ngModel)]="text">
            <ion-label range-left class="small-text">A</ion-label>
            <ion-label range-right>A</ion-label>
        </ion-range>
    </ion-item>
</ion-content>